﻿<Page x:Class="TreeBuilder.Help.IndexesPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:Help="clr-namespace:TreeBuilder.Help" xmlns:TreeBuilder="clr-namespace:TreeBuilder" xmlns:Controls="clr-namespace:Elderos.Controls;assembly=Elderos.Controls" mc:Ignorable="d" 
      d:DesignHeight="800" d:DesignWidth="640"
	Title="Indexes">
    <Page.Resources>
        <ResourceDictionary Source="HelpStyles.xaml"/>
    </Page.Resources>
    <Grid>
        <Controls:HelpMasterPage>
            <Controls:HelpMasterPage.Title>Indexes</Controls:HelpMasterPage.Title>
            <Controls:HelpMasterPage.Content>
                <StackPanel Orientation="Vertical">
                    <RichTextBox BorderThickness="0" IsReadOnly="True">
                        <FlowDocument>
                            <Paragraph Margin="0">
                                Each node can have two indexes: the upper and the lower ones.
                            </Paragraph>
                            <BlockUIContainer>
                                <WrapPanel ItemHeight="60">
                                    <Image Source="pack://application:,,,/Help/lower_index.png"/>
                                    <Image Source="pack://application:,,,/Help/upper_index.png"/>
                                </WrapPanel>
                            </BlockUIContainer>
                            <Paragraph Margin="0,5,0,0">
                                To set the index value, follow these steps:
                            </Paragraph>
                            <List Margin="0,5,0,0" MarkerStyle="Decimal">
                                <ListItem>
                                    <Paragraph Margin="0">Click the right mouse button on the node. A context menu appears.</Paragraph>
                                </ListItem>
                                <ListItem>
                                    <Paragraph Margin="0">Write index text direct in the TextBox contained by the menu.</Paragraph>
                                </ListItem>
                                <ListItem>
                                    <Paragraph Margin="0">Adjust index font, color etc. by clicking corresponding font button.</Paragraph>
                                </ListItem>
                            </List>
                            <Paragraph Margin="0,5,0,0">
                                When context menu gets closed, the index(es) appears.
                            </Paragraph>
                            <Paragraph Margin="0,0,0,5" FontSize="10">
                                (The Tree Canvas below is fully operable. You can try to perform any action there.)
                            </Paragraph>
                        </FlowDocument>
                    </RichTextBox>
                    <TreeBuilder:Tree Height="200"/>
                </StackPanel>
            </Controls:HelpMasterPage.Content>
        </Controls:HelpMasterPage>
    </Grid>
</Page>
